<!----引入微信JS SDK--->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    //编写分享代码
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<%= appId %>', // 必填，公众号的唯一标识
        timestamp: '<%= timestamp %>', // 必填，生成签名的时间戳
        nonceStr: '<%= nonceStr %>', // 必填，生成签名的随机串
        signature: '<%= signature %>',// 必填，签名，见附录1
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ'
        ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function(){
        // alert('dddd');
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
        var sdata = {
            title: '<%=nickname%>正在参与果然100集元宵活动，快来一起玩吧!',
            desc: '集齐6种口味元宵即可平分10万大奖，还有海量奖品等你来拿',
            link: '<%=url%>/lantern/index',
            imgUrl: 'http://7d9nlm.com1.z0.glb.clouddn.com/guoran_ico.jpg',
            success: function () {　
            },
            cancel: function () {
　　             // alert('用户取消分享后执行的回调函数');
            }
        };
        wx.onMenuShareTimeline(sdata);
        wx.onMenuShareAppMessage(sdata);
    });

    wx.checkJsApi({
        jsApiList: ['onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
        success: function(res) {
            // 以键值对的形式返回，可用的api值true，不可用为false
            // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}

        }
    });
</script>
<% layout('lanternlayout') -%><!--加载全局布局文件-->
<% block('head').append('<script src="http://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>') %>

<div  ng-controller="FinalReward" >
<!---游戏DIV-->
<div class="div-relative">
    <img src="/images/activity/lantern/over_01.png" style="width: 100%">

</div>
<!------显示有多少人集齐了---->
<div class="huojiantext"  style="color: yellow">
    当前有10348人集齐6种口味的元宵<br/>每人可以分得9.66元余额
</div>
    <table class="table2">
        <tr  valign="top">
            <td width="50%" >
                <a href="http://wxshop.guoran100.com/detail/903"><img style="width: 100%" src="/images/activity/lantern/zhnqx.png"></a>
            </td>
            <td width="50%">
                <a href="http://wxshop.guoran100.com/detail/902"><img style="width: 100%" src="/images/activity/lantern/zhnpl.png"></a>
            </td>
        </tr>
    </table>
<!---内容-->
<div id="context">
    <div id="chatarea" data-ng-init="load(<%=data.card%>,<%=data.isFirst%>)">
       <table class="table3">
           <tr  valign="top">
               <td width="33%" >
                   <span class="yuanxiaonumber" ng-class="{true:'hidden'}[cardStatus.lan1]"  ng-bind="card.lan1.number"></span>
                   <img src="/images/activity/lantern/_01.png" ng-class="{true:'gray'}[cardStatus.lan1]" >

               </td>
               <td width="33%">
                   <span class="yuanxiaonumber" ng-class="{true:'hidden'}[cardStatus.lan2]" ng-bind="card.lan2.number"></span>
                   <img src="/images/activity/lantern/_02.png"  ng-class="{true:'gray'}[cardStatus.lan2]" >

               </td>
               <td width="33%">
                   <span class="yuanxiaonumber" ng-class="{true:'hidden'}[cardStatus.lan3]" ng-bind="card.lan3.number"> </span>
                   <img src="/images/activity/lantern/_03.png" ng-class="{true:'gray'}[cardStatus.lan3]" >

               </td>
           </tr>
           <tr  valign="top">
               <td width="30%">
                   <span class="yuanxiaonumber"  ng-class="{true:'hidden'}[cardStatus.lan4]" ng-bind="card.lan4.number"> </span>
                   <img src="/images/activity/lantern/_04.png"  ng-class="{true:'gray'}[cardStatus.lan4]" >

               </td>
               <td width="30%">
                   <span class="yuanxiaonumber" ng-class="{true:'hidden'}[cardStatus.lan5]"  ng-bind="card.lan5.number"> </span>
                   <img src="/images/activity/lantern/_05.png"  ng-class="{true:'gray'}[cardStatus.lan5]" >

               </td>
               <td width="30%">
                   <span class="yuanxiaonumber" ng-class="{true:'hidden'}[cardStatus.lan6]"  ng-bind="card.lan6.number"> </span>
                   <img src="/images/activity/lantern/_06.png" ng-class="{true:'gray'}[cardStatus.lan6]" >

               </td>
           </tr>
       </table>
    </div>
</div>
    <div id="context">
        <div id="chatarea" data-ng-init="load(<%=data.card%>,<%=data.isFirst%>)">
            <a ng-show="btnStatus.give_apple" ng-click="give_apple()">
                <img style="width: 100%" src="/images/activity/lantern/over_03.png">
            </a>
            <a ng-show="btnStatus.give_amount"  ng-click="give_amount()">
                <img style="width: 100%" src="/images/activity/lantern/over_04.png">
            </a>
            <a ng-show="btnStatus.give_coupon"  ng-click="give_coupon()">
                <img style="width: 100%" src="/images/activity/lantern/over_05.png">
            </a>
            <a ng-click="doRecharge()" ng-show="btnStatus.chongzhi">
                <img style="width: 100%" src="/images/activity/lantern/over_06.png">
            </a>

        </div>
    </div>
<audio id="audio" autoplay="autoplay" loop="loop" preload="auto" src="http://7d9nlm.com1.z0.glb.clouddn.com/JingCheng.mp3"></audio>

</div>
<script type="text/javascript">
    $(document).ready(function(){
        document.getElementById('audio').play();
    });
</script>
<% block('footer').append('<script src="'+CDN+'/extra/lantern/index.js"></script>') %>

<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1257556523'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D1257556523' type='text/javascript'%3E%3C/script%3E"));</script>
